<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formNuevaFacturas">
                    <h:panelGrid columns="1" style="width:80%;margin: 0px auto;">
                        <p:commandButton id="btnNuevoFacturas"
                                         action="#{MBVentaFacturacion.nuevoCompras()}"
                                         value="Nueva Compras" ajax="false" />
                    </h:panelGrid>
                </h:form>
                <h:form id="formBusquedaFacturas">
                    <p:panel id="pnlBusquedaFacturas"
                             header="Consultar Compras"
                             style="width:80%;margin: 5px auto">


                        <br/>

                        <table border="0" cellspacing="3" cellpadding="3">                                               
                            <tbody>
                                <tr>
                                    <td>
                            <h:outputLabel id="lblTipoDoc" value="TIPO DOC. " class="lblBusqueda" />
                            </td>
                            <td>
                            <p:selectOneMenu id="cbxTipDocumento"
                                             value="#{BKVentaFacturacion.ventaFacturacionFormulario.formaPago.id}"
                                             required="true">
                                <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                <f:selectItems value="#{BKVentaFacturacion.listaTipoFormaPago}"
                                               var="tipoFormaPago" itemLabel="#{tipoFormaPago.nombre}"
                                               itemValue="#{tipoFormaPago.id}" />
                            </p:selectOneMenu>
                            </td>
                            <td>
                            <h:outputLabel id="lblNroFacturaBuscar" value="NRO. FACTURA " class="lblBusqueda" />
                            </td>
                            <td>
                            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtNumeroFactura"  value="#{BKVentaFacturacion.ventaFacturacionBusqueda.numFactura}" />
                            </td>
                            <td>
                            <p:commandButton id="btnBuscarFacturas" value="Buscar"
                                             update="pnlListarFacturas,dataTablaFacturas"
                                             actionListener="#{MBVentaFacturacion.buscarListaFacturas(actionEvent)}"
                                             oncomplete="listaFacturas.show()" style="font-size: 12px" />
                            </td>

                            </tr>
                            <tr>

                                <td>
                            <h:outputLabel id="lblRUCBuscar" value="RUC PROVEEDOR" class="lblBusqueda" />
                            </td>
                            <td>
                            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtRUC"  value="#{BKVentaFacturacion.ventaFacturacionBusqueda.ruc}" />
                            </td>
                            <td colspan="3"></td>
                            </tr>
                            <tr>
                                <td>
                            <h:outputLabel id="lblRazonBuscar" value="RAZON SOCIAL " class="lblBusqueda" />
                            </td>
                            <td colspan="4">
                            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtRazonSocial"  value="#{BKVentaFacturacion.ventaFacturacionBusqueda.razon}" size="65"/>
                            </td>

                            </tr>

                            <tr>
                                <td>
                            <h:outputLabel id="lblBuscarDel" value="FECHA DEL " class="lblBusqueda" />
                            </td>
                            <td>
                            <p:calendar id="calendarBuscarDel" 
                                        value="#{BKVentaFacturacion.busquedaDel}"
                                        pattern="dd/MM/yyyy" size="13"
                                        showButtonPanel="true" navigator="true"
                                        required="true" locale="es"
                                        mindate="#{BKConstante.today}" />
                            </td>
                            <td>
                            <h:outputLabel id="lblBuscarAl" value="  AL  "  class="lblBusqueda" />
                            </td>
                            <td>
                            <p:calendar id="calendarBuscarAl" 
                                        value="#{BKVentaFacturacion.busquedaAl}"
                                        pattern="dd/MM/yyyy" size="13"
                                        showButtonPanel="true" navigator="true"
                                        required="true" locale="es"
                                        mindate="#{BKConstante.today}" />
                            </td>
                            <td>

                            </td>
                            </tr>
                            <tr>
                                <td>
                            <h:outputLabel id="lblEstado" value="FORMA PAGO" class="lblBusqueda" />
                            </td>
                            <td>
                            <p:selectOneMenu id="cbxEstado"
                                             value="#{BKVentaFacturacion.ventaFacturacionFormulario.formaPago.id}"
                                             required="true">
                                <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                <f:selectItems value="#{BKVentaFacturacion.listaTipoFormaPago}"
                                               var="tipoFormaPago" itemLabel="#{tipoFormaPago.nombre}"
                                               itemValue="#{tipoFormaPago.id}" />
                            </p:selectOneMenu>
                            </td>
                            <td colspan="3">

                            </td>

                            </tr>

                            </tbody>
                        </table>




                    </p:panel>

                    <p:panel id="pnlListarFacturas"
                             header="Lista de Compras" closable="true"
                             style="width: 80%;margin: 10px auto" visible="false"
                             widgetVar="listaFacturas">

                        <p:dataTable id="dataTablaFacturas" var="boleta"
                                     value="#{BKVentaFacturacion.listaFacturas}" widgetVar="lista"
                                     emptyMessage="No se encontraron Compras"
                                     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="10"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="5,10,15">

                            <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                <h:outputText value="#{rowIndex+1}" />
                            </p:column>

                            <p:column id="idColumnaSerie" style="width: 25%" sortBy="#{boleta.serieFactura}" headerText="Serie">
                                <h:outputText value="#{boleta.serieFactura}" />
                            </p:column>

                            <p:column id="idColumnaNumero" style="width: 25%" sortBy="#{boleta.numFactura}" headerText="N.Boleta">
                                <h:outputText value="#{boleta.numFactura}" />
                            </p:column>

                            <p:column id="idColumnaFecha" style="width: 25%" sortBy="#{boleta.fechDocventa}" headerText="Fecha">
                                <h:outputText value="#{boleta.fechDocventa}" />
                            </p:column>

                            <p:column id="idColumnaRUC" style="width: 25%" sortBy="#{boleta.ruc}" headerText="RUC Cliente">
                                <h:outputText value="#{boleta.ruc}" />
                            </p:column>

                            <p:column id="idColumnaRazon" style="width: 45%" sortBy="#{boleta.razon}" headerText="Razon Social">
                                <h:outputText value="#{boleta.razon}" />
                            </p:column>

                            <p:column id="idColumnaMoneda" style="width: 5%" sortBy="" headerText="Moneda">
                                <h:outputText value="" />
                            </p:column>

                            <p:column id="idColumnaVenta" style="width: 45%" sortBy="#{boleta.precioVenta}" headerText="Precio Venta">
                                <h:outputText value="#{boleta.precioVenta}" />
                            </p:column>

                            <p:column id="idColumnaAcciones" headerText="#{message['general.label.tipoAcesso']}">
                                <p:commandButton icon="ui-icon-search" title="#{message['general.button.ver']}" action="#{MBVentaFacturacion.ver()}" immediate="true" ajax="false">
                                    <f:setPropertyActionListener value="#{cliente}" target="#{BKVentaFacturacion.ventaFacturacionFormulario}" />  
                                </p:commandButton>
                                <p:commandButton icon="ui-icon-pencil" title="#{message['general.button.editar']}" action="#{MBVentaFacturacion.editar()}" immediate="true" ajax="false">
                                    <f:setPropertyActionListener value="#{cliente}" target="#{BKVentaFacturacion.ventaFacturacionFormulario}" />  
                                </p:commandButton>                                                  
                            </p:column>


                        </p:dataTable>
                    </p:panel>
                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>

</html>